<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html" template="/layout/normal.xhtml"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:s="http://jboss.com/products/seam/taglib">

	<ui:define name="body">
		<a name="errores" />
		<h:panelGrid columns="1" id="mensaje" style="text-align:left;">
			<h:messages id="mesage1" styleClass="mensaje_bienvenida">
				<a4j:support event="onchange" action="location.hash='#errores'"></a4j:support>
			</h:messages>
		</h:panelGrid>
		<h:panelGrid columns="1" styleClass="contenedor_pest">
			<rich:tabPanel styleClass="pestanya">
				<rich:tab label="Edición de temporada" styleClass="no_border">
					<rich:spacer height="15px;"></rich:spacer>
					<h:panelGrid columns="2">
						<h:outputText value="Temporada: " styleClass="th80" />
						<h:outputText value="#{competicionAction.temporada.anio.anio}" />
					</h:panelGrid>
					<rich:spacer height="1px;"></rich:spacer>
					<rich:separator styleClass="separadorTres"></rich:separator>
					<rich:spacer height="10px;"></rich:spacer>
					<h:panelGrid columns="1">
						<h:outputText
							value="Está editando los datos de la temporada. Seleccione los jugadores, equipos o colegiados participantes en esta temporada."
							styleClass="thDescripcion_peq700" />
					</h:panelGrid>
					<rich:spacer height="15px;"></rich:spacer>
					<rich:tabPanel>
						<rich:tab label="Equipos" styleClass="no_border">
							<h:outputText value="Seleccione los equipos participantes" />
							<rich:spacer height="10px;"></rich:spacer>
							<a4j:region>
								<h:panelGrid columns="1">
									<h:outputText value="Selección de equipos participantes"
										styleClass="th400_titulo" />
								</h:panelGrid>
								<h:panelGrid columns="4">
									<h:outputText value="Buscar" styleClass="th80" />
									<h:inputText value="#{competicionAction.buscarEq}"
										styleClass="input100" />
									<rich:spacer width="15px;"></rich:spacer>
									<a4j:commandButton
										action="#{competicionAction.buscarEquipos()}" value=""
										styleClass="boton_peq buscar"
										reRender="listEquipos, noResultEq"
										title="pulsa para buscar los equipos participantes">
									</a4j:commandButton>
								</h:panelGrid>
								<h:panelGrid columns="1" cellspacing="10px;" id="noResultEq">
									<h:outputText
										value="No se han obtenido resultados con los criterios establecidos."
										styleClass="thDescripcion_peq600"
										rendered="#{competicionAction.listaEquiposBus != null and competicionAction.listaEquiposBus.size == 0}" />
								</h:panelGrid>
								<h:panelGrid columns="2">
									<rich:spacer width="45px;"></rich:spacer>
									<rich:listShuttle id="listEquipos"
										sourceValue="#{competicionAction.listaEquiposBus}"
										sourceCaptionLabel="Lista de equipos activos"
										targetCaptionLabel="Lista de equipos participantes"
										targetValue="#{competicionAction.listaEquiposSel}" var="equ"
										listHeight="325" targetListWidth="250" sourceListWidth="250"
										fastOrderControlsVisible="false" orderControlsVisible="false"
										style="text-align:left;" rendered="#{identity.loggedIn}"
										copyControlLabel="Copiar" copyAllControlLabel="Copiar todo"
										removeControlLabel="Eliminar"
										removeAllControlLabel="Eliminar todo">

										<rich:column id="equipos">
											<h:panelGrid columns="1">
												<h:outputText value="#{equ.nombre} (#{equ.fundacion.anio})"></h:outputText>
											</h:panelGrid>
										</rich:column>
										<s:convertEntity />
									</rich:listShuttle>
								</h:panelGrid>
							</a4j:region>
						</rich:tab>
						<rich:tab label="Jugadores" styleClass="no_border">
							<h:outputText value="Seleccione los jugadores participantes" />
							<rich:spacer height="15px;"></rich:spacer>
							<a4j:region>
								<h:panelGrid columns="1">
									<h:outputText value="Selección de jugadores participantes"
										styleClass="th400_titulo" />
								</h:panelGrid>
								<h:panelGrid columns="7">
									<h:outputText value="Buscar" styleClass="th80" />
									<h:inputText value="#{competicionAction.buscarJug}"
										styleClass="input100" />
									<rich:spacer width="15px;"></rich:spacer>
									<h:outputText value="en" styleClass="th50" />
									<h:selectOneMenu value="#{competicionAction.buscarJugEn}"
										styleClass="input75">
										<f:selectItem itemLabel="apellidos" itemValue="1" />
										<f:selectItem itemLabel="nombre" itemValue="2" />
									</h:selectOneMenu>
									<rich:spacer width="15px;"></rich:spacer>
									<a4j:commandButton
										action="#{competicionAction.buscarJugadores()}" value=""
										styleClass="boton_peq buscar"
										reRender="listJugadores, noResultJug"
										title="pulsa para buscar los jugadores participantes" />
								</h:panelGrid>
								<h:panelGrid columns="1" cellspacing="10px;" id="noResultJug">
									<h:outputText
										value="No se han obtenido resultados con los criterios establecidos."
										styleClass="thDescripcion_peq600"
										rendered="#{competicionAction.listaJugadoresBus != null and competicionAction.listaJugadoresBus.size == 0}" />
								</h:panelGrid>
								<h:panelGrid columns="2">
									<rich:spacer width="45px;"></rich:spacer>
									<rich:listShuttle id="listJugadores"
										sourceValue="#{competicionAction.listaJugadoresBus}"
										sourceCaptionLabel="Lista de jugadores activos"
										targetCaptionLabel="Lista de jugadores participantes"
										targetValue="#{competicionAction.listaJugadoresSel}" var="jug"
										listHeight="325" targetListWidth="250" sourceListWidth="250"
										fastOrderControlsVisible="false" orderControlsVisible="false"
										style="text-align:left;" rendered="#{identity.loggedIn}"
										copyControlLabel="Copiar" copyAllControlLabel="Copiar todo"
										removeControlLabel="Eliminar"
										removeAllControlLabel="Eliminar todo">

										<rich:column id="jugadores">
											<h:panelGrid columns="1">
												<h:outputText value="#{jug.apellidos}, #{jug.nombre}"></h:outputText>
											</h:panelGrid>
										</rich:column>
										<s:convertEntity />
									</rich:listShuttle>
								</h:panelGrid>
							</a4j:region>
						</rich:tab>
						<rich:tab label="Colegiados" styleClass="no_border">
							<h:outputText value="Seleccione a los colegiados participantes" />
							<rich:spacer height="15px;"></rich:spacer>
							<a4j:region>
								<h:panelGrid columns="1">
									<h:outputText value="Selección de colegiados participantes"
										styleClass="th400_titulo" />
								</h:panelGrid>
								<h:panelGrid columns="7">
									<h:outputText value="Buscar" styleClass="th80" />
									<h:inputText value="#{competicionAction.buscarCol}"
										styleClass="input100" />
									<rich:spacer width="15px;"></rich:spacer>
									<h:outputText value="en" styleClass="th50" />
									<h:selectOneMenu value="#{competicionAction.buscarColEn}"
										styleClass="input75">
										<f:selectItem itemLabel="apellidos" itemValue="1" />
										<f:selectItem itemLabel="nombre" itemValue="2" />
									</h:selectOneMenu>
									<rich:spacer width="15px;"></rich:spacer>
									<a4j:commandButton
										action="#{competicionAction.buscarColegiados()}" value=""
										styleClass="boton_peq buscar"
										reRender="listColegiados, noResultCol"
										title="pulsa para buscar los colegiados participantes" />
								</h:panelGrid>
								<h:panelGrid columns="1" cellspacing="10px;" id="noResultCol">
									<h:outputText
										value="No se han obtenido resultados con los criterios establecidos."
										styleClass="thDescripcion_peq600"
										rendered="#{competicionAction.listaColegiadosBus != null and competicionAction.listaColegiadosBus.size == 0}" />
								</h:panelGrid>
								<h:panelGrid columns="2">
									<rich:spacer width="45px;"></rich:spacer>
									<rich:listShuttle id="listColegiados"
										sourceValue="#{competicionAction.listaColegiadosBus}"
										sourceCaptionLabel="Lista de colegiados activos"
										targetCaptionLabel="Lista de colegiados participantes"
										targetValue="#{competicionAction.listaColegiadosSel}"
										var="col" listHeight="325" targetListWidth="250"
										sourceListWidth="250" fastOrderControlsVisible="false"
										orderControlsVisible="false" style="text-align:left;"
										rendered="#{identity.loggedIn}" copyControlLabel="Copiar"
										copyAllControlLabel="Copiar todo"
										removeControlLabel="Eliminar"
										removeAllControlLabel="Eliminar todo">

										<rich:column id="colegiados">
											<h:panelGrid columns="1">
												<h:outputText value="#{col.apellidos}, #{col.nombre}"
													title="#{col.colegio.nombre}"></h:outputText>
											</h:panelGrid>
										</rich:column>
										<s:convertEntity />
									</rich:listShuttle>
								</h:panelGrid>
							</a4j:region>
						</rich:tab>
					</rich:tabPanel>
				</rich:tab>
			</rich:tabPanel>
		</h:panelGrid>

	</ui:define>
	<ui:define name="botonera">
		<h:panelGrid columns="7" styleClass="tabla_botonera">
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera ayuda" id="linkAyuda"
					style="width:48px;"
					title="pulsa para obtener ayuda acerca de la pantalla">
					<rich:componentControl for="panelAyuda" attachTo="linkAyuda"
						operation="show" event="onclick"></rich:componentControl>
				</a4j:commandButton>
				<h:outputText value="Ayuda" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="15px;"></rich:spacer>
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera guardar"
					id="linkGuardar" style="width:48px;"
					title="pulsa para guardar las modificaciones de la temporada">
					<rich:componentControl for="panelGuardar" attachTo="linkGuardar"
						operation="show" event="onclick"></rich:componentControl>
				</a4j:commandButton>
				<h:outputText value="Guardar" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="15px;"></rich:spacer>
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera volver"
					style="width:48px;" action="#{competicionAction.volver()}"
					title="pulsa para volver al menú competición de la aplicación">
				</a4j:commandButton>
				<h:outputText value="Volver" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="15px;"></rich:spacer>
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera inicio"
					style="width:48px;" action="#{competicionAction.menu()}"
					title="pulsa para volver al menú principal de la aplicación">
				</a4j:commandButton>
				<h:outputText value="Inicio" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
		</h:panelGrid>

		<rich:modalPanel id="panelAyuda" minWidth="400" minHeight="200"
			autosized="false" resizeable="false">

			<rich:spacer height="5px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="160px;"></rich:spacer>
				<h:outputText value="Ayuda" styleClass="thTitulo" />
			</h:panelGrid>
			<rich:spacer height="10px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="25px;"></rich:spacer>
				<h:outputText
					value="Está en la pantalla de edición de temporada. Podrá dar el alta a los equipos, jugadores y colegiados que desee en la 
					temporada. Navegue por las pestañas y realice las búsquedas para poder darlos de alta en la competición. 
					Para almacenar los cambios pulse el botón guardar de la botonera inferior."
					style="width:325px;" styleClass="thModalPanel" />
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="325px;"></rich:spacer>
				<h:panelGrid columns="1">
					<h:commandButton id="Aceptar" styleClass="boton_crr cerrar">
						<rich:componentControl for="panelAyuda" attachTo="Aceptar"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
			</h:panelGrid>
		</rich:modalPanel>

		<rich:modalPanel id="panelGuardar" minWidth="400" minHeight="200"
			autosized="false" resizeable="false">

			<rich:spacer height="5px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="160px;"></rich:spacer>
				<h:outputText value="Guardar" styleClass="thTitulo" />
			</h:panelGrid>
			<rich:spacer height="10px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="25px;"></rich:spacer>
				<h:outputText
					value="Se dispone a guardar los datos en el sistema. 
					¿Desea guardar los datos modificados de la temporada?"
					style="width:325px;" styleClass="thModalPanel" />
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="90px;"></rich:spacer>
				<h:panelGrid columns="3">
					<h:commandButton id="aceptarG"
						action="#{competicionAction.guardar()}" value=""
						styleClass="boton_modal aceptar">
						<a4j:support event="oncomplete" reRender="errores, mensaje"></a4j:support>
						<rich:componentControl for="panelGuardar" attachTo="aceptarG"
							operation="hide" event="onclick" />
					</h:commandButton>
					<rich:spacer width="15px;"></rich:spacer>
					<h:commandButton id="cancelarG" value=""
						styleClass="boton_modal cancelar">
						<rich:componentControl for="panelGuardar" attachTo="cancelarG"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="325px;"></rich:spacer>
				<h:panelGrid columns="1">
					<h:commandButton id="cerrarG" styleClass="boton_crr cerrar">
						<rich:componentControl for="panelGuardar" attachTo="cerrarG"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
			</h:panelGrid>
		</rich:modalPanel>

	</ui:define>
</ui:composition>